{include file="public/header"}
<div class="pub_wid notice_cont" id="contentIndex" style="margin-top:10px">
    <div class="notice_left bgb rg">
        <h1>{{detailData.title}}<span>当前位置：<a href="/">主页</a>><a href="#">{{detailData.title}}</a></span></h1>
        <div class="widthauto about_box">
            <div class="news_box widthauto" v-html="detailData.content">
<!--                <p>节假期，电影《你好，李焕英》异常火爆。据猫眼专业版数据显示，截至2月17日17时，该片上映6天的票房突破26亿，凭借口碑完成全面逆袭，相关话题屡登热搜。观众坐在电影院里，一开始被频繁逗笑，后来又潸然泪下，无数次泪奔，电影用温情而真挚的艺术手法呈现了细腻、无私的母爱，感动了无数人的心。</p>-->
<!--                <p>导演贾玲的这部处女作是为了纪念妈妈，故事情节简单却耐人寻味。女儿贾晓玲从小就没给妈妈省过心，在妈妈遭遇意外车祸后，她悲痛难言，趴在病床前失声痛哭：“我当你一回女儿，连让你高兴一次都没做过。”处于崩溃状态下的贾晓玲，竟意外穿越回到1981年，和年轻时的妈妈李焕英相遇，成为好姐妹。贾晓玲想尽办法让妈妈更高兴，付出种种努力想要改变妈妈的命运……然而没想到的是，妈妈其实也从2001年穿越了回去，提前晓玲一步，但她没有戳破，而是默默配合着女儿……因此现在的李焕英，就是自己的妈妈，即使重来一遍，妈妈依旧做了同样的选择。</p>-->
<!--                <p>节假期，电影《你好，李焕英》异常火爆。据猫眼专业版数据显示，截至2月17日17时，该片上映6天的票房突破26亿，凭借口碑完成全面逆袭，相关话题屡登热搜。观众坐在电影院里，一开始被频繁逗笑，后来又潸然泪下，无数次泪奔，电影用温情而真挚的艺术手法呈现了细腻、无私的母爱，感动了无数人的心。</p>-->
<!--                <p>导演贾玲的这部处女作是为了纪念妈妈，故事情节简单却耐人寻味。女儿贾晓玲从小就没给妈妈省过心，在妈妈遭遇意外车祸后，她悲痛难言，趴在病床前失声痛哭：“我当你一回女儿，连让你高兴一次都没做过。”处于崩溃状态下的贾晓玲，竟意外穿越回到1981年，和年轻时的妈妈李焕英相遇，成为好姐妹。贾晓玲想尽办法让妈妈更高兴，付出种种努力想要改变妈妈的命运……然而没想到的是，妈妈其实也从2001年穿越了回去，提前晓玲一步，但她没有戳破，而是默默配合着女儿……因此现在的李焕英，就是自己的妈妈，即使重来一遍，妈妈依旧做了同样的选择。</p>-->
<!--                <p>节假期，电影《你好，李焕英》异常火爆。据猫眼专业版数据显示，截至2月17日17时，该片上映6天的票房突破26亿，凭借口碑完成全面逆袭，相关话题屡登热搜。观众坐在电影院里，一开始被频繁逗笑，后来又潸然泪下，无数次泪奔，电影用温情而真挚的艺术手法呈现了细腻、无私的母爱，感动了无数人的心。</p>-->
<!--                <p>导演贾玲的这部处女作是为了纪念妈妈，故事情节简单却耐人寻味。女儿贾晓玲从小就没给妈妈省过心，在妈妈遭遇意外车祸后，她悲痛难言，趴在病床前失声痛哭：“我当你一回女儿，连让你高兴一次都没做过。”处于崩溃状态下的贾晓玲，竟意外穿越回到1981年，和年轻时的妈妈李焕英相遇，成为好姐妹。贾晓玲想尽办法让妈妈更高兴，付出种种努力想要改变妈妈的命运……然而没想到的是，妈妈其实也从2001年穿越了回去，提前晓玲一步，但她没有戳破，而是默默配合着女儿……因此现在的李焕英，就是自己的妈妈，即使重来一遍，妈妈依旧做了同样的选择。</p>-->
            </div>
        </div>
    </div>
    <div class="lf two_left">
        <div class="about_nav">
            <ul class="widthauto">
                <li v-for="item in list"><a @click="changeAbout(item.id)" :class="[item.id==id?'cur':'']">{{item.title}}</a></li>
<!--                <li><a href="#">会员服务</a></li>-->
<!--                <li><a href="#">联系我们</a></li>-->
<!--                <li><a href="#">加入我们</a></li>-->
            </ul>
        </div>

        <div class="add_box">
            <a :href="advertisingEight.link_url">
                <img :src="advertisingEight.image_url" />
            </a>
        </div>
    </div>
</div>
{include file="public/footer"}
<script>
    var id = '{$id}';
    var contentVm = new Vue({
        el:'#contentIndex',
        data:{
            id:id,
            list:[],
            detailData:{},
            advertisingEight:{}
        },
        methods:{
            changeAbout:function(num){
                var el = this
                el.id = num
                el.getDetail()
            },
            getList:function () {
                var el = this
                AjaxPostFree('/index/content/getList').then((response)=>{
                    console.log(response)
                    if(response.status==1){
                        if(response.result){
                            el.list = response.result
                            if(id == 0){
                                el.id = el.list[0].id
                            }
                            el.getDetail()
                        }else{
                            window.history.back()
                        }
                    }
                })
            },
            getDetail:function () {
                var el = this
                var postData = {
                    id:el.id
                }
                AjaxPost(postData,'/index/content/getDetail').then((response)=>{
                    if(response.result){
                        el.detailData = response.result
                    }

                })
            },
            //获取首页显示广告七
            getAdvertisingEight:function () {
                var el = this
                var postData = {
                    'id':10,
                }
                AjaxPost(postData,'/index/index/getAdvertisingLimitList').then((response)=>{
                    console.log(response)
                    if(response.status==1){
                        if(response.result){
                            el.advertisingEight = response.result
                        }
                    }
                })
            },
        },
        mounted(){
            this.$nextTick(function () {
                this.getList()
                this.getAdvertisingEight()
            })
        }
    })
</script>
